
<template>
  <div>
    <a-table
      :columns="columns"
      :data-source="transferTableData"
      :pagination="false"
      bordered
      :scroll="{ x: 2600 }"
    >
      <span slot="intoCostTotal">
        {{ monSum.intoCost ? monSum.intoCost : "" }}</span
      >
      <span slot="balanceTotal"> {{ monSum.balance }}</span>
      <span slot="outSumOfMoneyTotal"> {{ monSum.outSumOfMoney }}</span>
      <span slot="uspsSumOfMoneyTotal"> {{ monSum.uspsSumOfMoney }}</span>
      <span slot="fedexSumOfMoneyTotal"> {{ monSum.fedexSumOfMoney }}</span>
      <span slot="upsSumOfMoneyTotal"> {{ monSum.upsSumOfMoney }}</span>
      <span slot="orderSumOfMoneyTotal"> {{ monSum.orderSumOfMoney }}</span>
      <span slot="otherLogisticsSumOfMoney">
        {{ monSum.otherLogisticsSumOfMoney }}</span
      >
      <span slot="orderOtherSumOfMoneyTotal">
        {{ monSum.orderOtherSumOfMoney }}</span
      >
      <span slot="workOrderSumOfMoneyTotal">
        {{ monSum.workOrderSumOfMoney }}</span
      >
      <span slot="oneStoreSumOfMoneyTotal">
        {{ monSum.oneStoreSumOfMoney }}</span
      >
      <span slot="returnSumOfMoneyTotal"> {{ monSum.returnSumOfMoney }}</span>
      <span slot="transportSumOfMoneyTotal">
        {{ monSum.transportSumOfMoney }}</span
      >
      <span slot="returnReceptionSumOfMoneyTotal">
        {{ monSum.returnReceptionSumOfMoney }}</span
      >
      <span slot="transferIntoSumOfMoneyTotal">
        {{ monSum.transferIntoSumOfMoney }}</span
      >
      <span slot="transferOutSumOfMoneyTotal">
        {{ monSum.transferOutSumOfMoney }}</span
      >
      <span slot="outSumOfMoneyTotal2"> {{ monSum.outSumOfMoney }}</span>
    </a-table>
  </div>
</template>

<script>
export default {
  props: ["transferTableData", "monSum"],
  data() {
    return {
      loading: false,
    };
  },
  computed: {
    columns() {
      return [
        {
          title: "客户编号",
          dataIndex: "tenantId",
          key: "tenantId",
          align: "center",
          width: "4%",
          children: [
            {
              dataIndex: "tenantId",
              key: "tenantId",
              align: "center",
              width: "4%",
            },
          ],
        },
        {
          title: "仓库",
          dataIndex: "sysStoreHouseCode",
          key: "sysStoreHouseCode",
          align: "center",
          width: "4%",
          children: [
            {
              dataIndex: "sysStoreHouseCode",
              key: "sysStoreHouseCode",
              width: "4%",
            },
          ],
        },
        {
          title: "结算币种",
          dataIndex: "currency",
          key: "currency",
          align: "center",
          width: "3.5%",
          children: [
            {
              dataIndex: "currency",
              key: "currency",
              width: "3.5%",
            },
          ],
        },
        {
          title: "客服",
          dataIndex: "teamName",
          key: "teamName",
          align: "center",
          width: "4%",
          children: [
            {
              title: "合计：",
              dataIndex: "teamName",
              key: "teamName",
              width: "4%",
              align: "center",
            },
          ],
        },
        {
          title: "入账",
          dataIndex: "intoCost",
          key: "intoCost",
          align: "center",
          children: [
            {
              dataIndex: "intoCost",
              key: "intoCost",
              align: "center",
              scopedSlots: { title: "intoCostTotal" },
            },
          ],
        },
        {
          title: "余额",
          dataIndex: "balance",
          key: "balance",
          align: "center",
          width: "10%",
          children: [
            {
              dataIndex: "balance",
              key: "balance",
              align: "center",
              scopedSlots: { title: "balanceTotal" },
            },
          ],
        },
        {
          title: "支出",
          dataIndex: "outSumOfMoney",
          key: "outSumOfMoney",
          align: "center",
          width: "10%",
          children: [
            {
              dataIndex: "outSumOfMoney",
              key: "outSumOfMoney",
              align: "center",
              scopedSlots: { title: "outSumOfMoneyTotal" },
            },
          ],
        },

        {
          title: "USPS费",
          dataIndex: "uspsSumOfMoney",
          key: "uspsSumOfMoney",
          align: "center",
          width: "10%",
          children: [
            {
              dataIndex: "uspsSumOfMoney",
              key: "uspsSumOfMoney",
              align: "center",
              scopedSlots: { title: "uspsSumOfMoneyTotal" },
            },
          ],
        },
        {
          title: "FedEx费",
          dataIndex: "fedexSumOfMoney",
          key: "fedexSumOfMoney",
          align: "center",
          width: "10%",
          children: [
            {
              dataIndex: "fedexSumOfMoney",
              key: "fedexSumOfMoney",
              align: "center",
              scopedSlots: { title: "fedexSumOfMoneyTotal" },
            },
          ],
        },
        {
          title: "UPS费",
          dataIndex: "upsSumOfMoney",
          key: "upsSumOfMoney",
          align: "center",
          width: "10%",
          children: [
            {
              dataIndex: "upsSumOfMoney",
              key: "upsSumOfMoney",
              align: "center",
              scopedSlots: { title: "upsSumOfMoneyTotal" },
            },
          ],
        },
        {
          title: "其他物流费用",
          dataIndex: "otherLogisticsSumOfMoney",
          key: "otherLogisticsSumOfMoney",
          align: "center",
          width: "10%",
          children: [
            {
              dataIndex: "otherLogisticsSumOfMoney",
              key: "otherLogisticsSumOfMoney",
              align: "center",
              scopedSlots: { title: "otherLogisticsSumOfMoney" },
            },
          ],
        },
        {
          title: "代发入库",
          dataIndex: "orderSumOfMoney",
          key: "orderSumOfMoney",
          align: "center",
          width: "10%",
          children: [
            {
              dataIndex: "orderSumOfMoney",
              key: "orderSumOfMoney",
              align: "center",
              scopedSlots: { title: "orderSumOfMoneyTotal" },
            },
          ],
        },
        {
          title: "代发出库",
          dataIndex: "orderOtherSumOfMoney",
          key: "orderOtherSumOfMoney",
          align: "center",
          width: "10%",
          children: [
            {
              dataIndex: "orderOtherSumOfMoney",
              key: "orderOtherSumOfMoney",
              align: "center",
              scopedSlots: { title: "orderOtherSumOfMoneyTotal" },
            },
          ],
        },
        {
          title: "工单费用",
          dataIndex: "workOrderSumOfMoney",
          key: "workOrderSumOfMoney",
          align: "center",
          width: "10%",
          children: [
            {
              dataIndex: "workOrderSumOfMoney",
              key: "workOrderSumOfMoney",
              align: "center",
              scopedSlots: { title: "workOrderSumOfMoneyTotal" },
            },
          ],
        },
        {
          title: "代发仓租",
          dataIndex: "oneStoreSumOfMoney",
          key: "oneStoreSumOfMoney",
          align: "center",
          width: "10%",
          children: [
            {
              dataIndex: "oneStoreSumOfMoney",
              key: "oneStoreSumOfMoney",
              align: "center",
              scopedSlots: { title: "oneStoreSumOfMoneyTotal" },
            },
          ],
        },
        {
          title: "退件仓租",
          dataIndex: "returnSumOfMoney",
          key: "returnSumOfMoney",
          align: "center",
          width: "10%",
          children: [
            {
              dataIndex: "returnSumOfMoney",
              key: "returnSumOfMoney",
              align: "center",
              scopedSlots: { title: "returnSumOfMoneyTotal" },
            },
          ],
        },
        {
          title: "转运仓租",
          dataIndex: "transportSumOfMoney",
          key: "transportSumOfMoney",
          align: "center",
          width: "10%",
          children: [
            {
              dataIndex: "transportSumOfMoney",
              key: "transportSumOfMoney",
              align: "center",
              scopedSlots: { title: "transportSumOfMoneyTotal" },
            },
          ],
        },
        {
          title: "退件费用",
          dataIndex: "returnReceptionSumOfMoney",
          key: "returnReceptionSumOfMoney",
          align: "center",
          width: "10%",
          children: [
            {
              dataIndex: "returnReceptionSumOfMoney",
              key: "returnReceptionSumOfMoney",
              align: "center",
              scopedSlots: { title: "returnReceptionSumOfMoneyTotal" },
            },
          ],
        },
        {
          title: "转运入库",
          dataIndex: "transferIntoSumOfMoney",
          key: "transferIntoSumOfMoney",
          align: "center",
          width: "10%",
          children: [
            {
              dataIndex: "transferIntoSumOfMoney",
              key: "transferIntoSumOfMoney",
              align: "center",
              scopedSlots: { title: "transferIntoSumOfMoneyTotal" },
            },
          ],
        },
        {
          title: "转运出库",
          dataIndex: "transferOutSumOfMoney",
          key: "transferOutSumOfMoney",
          align: "center",
          width: "10%",
          children: [
            {
              dataIndex: "transferOutSumOfMoney",
              key: "transferOutSumOfMoney",
              align: "center",
              scopedSlots: { title: "transferOutSumOfMoneyTotal" },
            },
          ],
        },
      ];
    },
  },
};
</script>
<style lang="less" scoped>
.action {
  a {
    border-bottom: 1px solid rgb(41, 41, 224);
    color: rgb(41, 41, 224);
  }
}
/deep/.ant-table-column-title {
  font-size: 13px;
}
/deep/.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 16px 0 !important;
}
</style>
